/*

This file is part of Ext JS 4

Copyright (c) 2011 Sencha Inc

Contact:  http://www.sencha.com/contact

GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.

If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact.

*/

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*',
	'Ext.window.MessageBox',
    'Ext.tip.*',
	'Ext.form.*',
	'Ext.selection.CheckboxModel'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
    
	function imprimir_reporte(){
			if(txt_fecha_atencion.getRawValue()!='' && txt_fecha_atencion_II.getRawValue()!='' && var_id_personal!=-1)
			{
				win = window.open("print_agenda.php?id_personal="+var_id_personal+
													"&nombre_completo="+txt_nombrecompleto.getValue()+
													"&fecha1="+txt_fecha_atencion.getRawValue()+
													"&fecha2="+txt_fecha_atencion_II.getRawValue(),
									'Agenda','height=400,width=600,resizable=1,scrollbars=1, menubar=1');
			}
	}
	
	function imprimir_agenda(){
			if(txt_fecha_atencion.getRawValue()!='' && txt_fecha_atencion_II.getRawValue()!='' && var_id_personal!=-1)
			{
				win = window.open("print_agenda.php?id_personal="+var_id_personal+
													"&nombre_completo="+txt_nombrecompleto.getValue()+
													"&fecha1="+txt_fecha_atencion.getRawValue()+
													"&fecha2="+txt_fecha_atencion_II.getRawValue(),
									'Agenda','height=400,width=600,resizable=1,scrollbars=1, menubar=1');
			}
	}
	
	function isFormValid()
	{
		if(txt_hora_inicia.getRawValue()>=txt_hora_fin.getRawValue())
		{
			return false;
		}
		return true;
	}
	
    // setup the state provider, all state information will be saved to a cookie
    Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
	
	var grid_contrataciones = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contrataciones,
        stateful: true,
        stateId: 'stateGrid',
		tbar: [txt_buscar_producto],
        columns: [
           {
                text     : 'Cliente',
				width    : 600,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/accept.png',  // Use a URL in the icon config
                    tooltip: 'Servicios activos',
                    handler: function(grid, rowIndex, colIndex) {
						var rec = DataStore_servicios_contrataciones.getAt(rowIndex);
						var_nombre=rec.get('nombre');
						var_domicilio=rec.get('direccion');
						var_telefono=rec.get('telefono');
						var_edad=rec.get('edad');
						DataStore.load({params: {Id_cliente:-1,Id_servicio:-1,cns_cs:-1}});
						DataStore_servicios_contratados_activo.load({params: {Id_cliente:rec.get('Id_cliente')}});
						label_cambio.setText("<b style='font-size: 16pt; color:red; font-family: arial,helvetica'>"+rec.get('nombre')+"</b>",false);
						var_id_cliente=rec.get('Id_cliente');
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Cliente con servicios en activo',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var sm = Ext.create('Ext.selection.CheckboxModel');
	var grid_contratados = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contratados,
		selModel: sm,
		multiSelect: true,
		//allowDeselect: true,
        stateful: true,
        stateId: 'stateGrid',
		columns: [
            {
                text     : 'Clave',
				width    : 80,
                sortable : false,
                dataIndex: 'Id_servicio'
            },{
                text     : 'Nombre',
				width    : 300,
                sortable : false,
                dataIndex: 'nombre'
            }
        ],
		anchor:'100%',
		height:150,
        title: 'Detalle de servicios',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var grid_personal = Ext.create('Ext.grid.Panel', {
        store: DataStore_personal,
        stateful: true,
		tbar: [txt_buscar_personal],
        stateId: 'stateGrid_II',
        columns: [
            {
                text     : 'Nombre',
				width    : 400,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/user_comment.png',  // Use a URL in the icon config
                    tooltip: 'Seleccionar empleado',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore_personal.getAt(rowIndex);
						txt_nombrecompleto.setValue(rec.get('nombre'));
						var_id_personal=rec.get('Id_personal');
						if(txt_fecha_atencion.getRawValue()!='')
						{buscar_agenda(var_id_personal,txt_fecha_atencion.getRawValue(),txt_fecha_atencion_II.getRawValue());}
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Personal',
        viewConfig: {
            stripeRows: true
        }
    });
	
	
	
	var grid_agenda = Ext.create('Ext.grid.Panel', {
        store: DataStore_agenda,
        stateful: true,
		stateId: 'stateGrid_III',
        columns: [
            {
                text     : 'Fecha',
				width    : 70,
                sortable : false,
                dataIndex: 'fecha'
            },{
                text     : 'Hora inicio',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_inicio'
            },{
                text     : 'Hora fin',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_fin'
            },{
                text     : 'Atendio/Atendera',
				width    : 200,
                sortable : false,
                dataIndex: 'nombre'
            },{
                text     : 'Cliente',
				width    : 200,
                sortable : false,
                dataIndex: 'nombre_cliente'
            },{
                text     : 'Servicio',
				width    : 300,
                sortable : false,
                dataIndex: 'nombre_servicio'
            }
        ],
		width:'100%',
		height:200,
        viewConfig: {
            stripeRows: true
        }
    });
	
	Ext.define('Servicio', {
		extend: 'Ext.data.Model',
		fields: [
			{name: 'Id_cita',  type: 'int', mapping: 'Id_cita'},
			{name: 'fecha',  type: 'string', mapping: 'fecha'},
			{name: 'hora_inicio',   type: 'string', mapping: 'hora_inicio'},
			{name: 'hora_fin', type: 'string', mapping: 'hora_fin'},
			{name: 'nombre', type: 'string', mapping: 'nombre'}
		]
	});
	
	DataStore = new Ext.data.Store({
					model: 'Servicio',
					id: 'DataStore',
					proxy: {
								type: 'ajax',
								url : 'db_venta_producto.php',            
								actionMethods: {
											read: 'POST'
								},
								extraParams: {
											task: 'LISTING_CITAS_CREADAS',
								},
								reader: {
											root: 'results',
											totalProperty: 'total',
											id: 'id'
								}
					}
	});
	
	
	label_cambio=new Ext.form.Label({
				id: 			'label_cambio',
				name:			'label_cambio',
				html: "<b style='font-size: 16pt; color:red; font-family: arial,helvetica'>Cliente</b>"
	});
	
	// create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
		frame:true,
        store: DataStore,
        stateful: true,
        stateId: 'stateGrid_III',
		columns: [
            {
                text     : 'Fecha',
				width    : 70,
                sortable : false,
                dataIndex: 'fecha'
            },{
                text     : 'Hora inicio',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_inicio'
            },{
                text     : 'Hora fin',
				width    : 80,
                sortable : false,
                dataIndex: 'hora_fin'
			},{
                text     : 'Atendio/Atendera',
				width    : 700,
                sortable : false,
                dataIndex: 'nombre'
            }
        ],
		anchor:'100%',
		height:230,
        viewConfig: {
            stripeRows: true
        }
    });
	
	var citas_impresiones = new Ext.Panel({
		frame:true,
		title: 'Historial de citas e impresion de reportes',
		buttonAlign:'left',
		labelAlign:'right',
		layout:'column',
		height:150,
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					width: 480,
					height:150,
					items:[ label_cambio,
							{
														layout:'table',
														frame:true,
														anchor:'100%',
														items:[{
																	width: 300,
																	frame:true,
																	layout:'anchor',
																	items:[txt_fecha_inicio,txt_fecha_fin]
																},{
																	width: 160,
																	frame:true,
																	layout:'anchor',
																	items:[button_estados_cuentas_globales,button_estados_cuentas_cliente]
																}]
							},{	
								layout:'anchor',
								frame:true,
								anchor:'80%',
								items:[button_limpiar_pagos]
							}
						]
				}]
	});
	
	var tabs = new Ext.Panel({
		frame:true,
		title: 'Agenda personal',
		buttonAlign:'left',
		labelAlign:'right',
		layout:'column',		
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					height: 180,
					width: 500,
					items:[ grid_personal]
				},{
						layout:'fit',
						frame:true,
						//height: 180,
						//width: 300,
						items:[txt_fecha_atencion,txt_fecha_atencion_II,txt_nombrecompleto]
				}],
		buttons: [{
						text: 'Limpiar datos',
						handler:limpiarpantalla
					},{
						text: 'Imprimir agenda',
						handler:imprimir_agenda
				}]
	})

	
	formulariomensaje = new Ext.Panel({
		frame:true,
		autoWidth:true,
		buttonAlign:'right',
		labelAlign:'right',
		layout: 'anchor',
		items: [
				{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 200,
								width: 700,
								items:grid_contrataciones
							},{
								layout:'fit',
								height: 200,
								width: 500,
								items:citas_impresiones
							}]
				},{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 400,
								width: 1200,
								items:[{
											layout:'anchor',
											frame:true,
											items:[grid_contratados_activo,grid]
										}]
				}]}
			]
	});
	
	var formulariovendedores = new Ext.Panel({
		frame:true,
		autoWidth:true,
		buttonAlign:'right',
		labelAlign:'right',
		layout: 'anchor',
		items: [
				{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 250,
								width: 1000,
								items:tabs
							}]
				},{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 350,
								width: 1000,								
								items:grid_agenda
				}]}
			]
	});
	
	var tabs_finales = Ext.create('Ext.tab.Panel', {
	renderTo: 'grid-example',
    items: [
        {
            title: 'Reportes ventas',			
			layout:'anchor',
			frame:true,
			items:[	formulariomensaje]
        },{
            title: 'Reporte de servicios',
            layout:'anchor',
			frame:true,
			items:[	formulariovendedores]
        }
    ]
});

	Ext.override(Ext.grid.Scroller, {
    onAdded: function() {
        this.callParent(arguments);
        var me = this;
        if (me.scrollEl) {
            me.mun(me.scrollEl, 'scroll', me.onElScroll, me);
            me.mon(me.scrollEl, 'scroll', me.onElScroll, me);
        }
    }
	});


});

